<template>
  <div class="app-user">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleChange">
      <el-tab-pane label="用户管理" name="1">
        <User v-if="activeName==1"/>
      </el-tab-pane>
      <el-tab-pane label="角色管理" name="2">
        <Role v-if="activeName==2"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup name="user">
import Table from "@/components/Table/index.vue";
import Query from "@/components/Query/index.vue";
import User from "./components/user.vue";
import Role from "./components/role.vue";
const activeName = ref('1')

</script>
<style lang="scss">
.app-user {
 padding: 8px;
}
</style>